/*
 * @Author: wangtao
 * @Date: 2020-06-29 16:32:41
 * @LastEditors: 汪滔
 * @LastEditTime: 2020-06-29 16:48:37
 * @Description: file content
 */

import React, { Component } from 'react';
import { StyleSheet, View, Image, Text } from 'react-native';
import {
  mainBgColorLightGray,
  mainBgColorWhite,
  priceColor,
  fontColorBlack,
  fontColorLightGray,
  fontColorCoffee,
  screenWidth,
  px2dp,
} from '@/styles';
import { picLoading_1x1 } from '@/images';

export default class GoodsDefaultPic extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  render() {
    return (
      <View style={styles.container}>
        <View style={styles.defaultPicContainer}>
          <Image
            style={styles.defaultPic}
            resizeMode='stretch'
            source={picLoading_1x1}
          />
          <Text allowFontScaling={false} style={styles.symbol}>
            图片加载中…
          </Text>
        </View>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    backgroundColor: mainBgColorLightGray,
    justifyContent: 'center'
  },
  defaultPicContainer: {
    width: px2dp(170),
    height: px2dp(100),
    justifyContent: 'space-between',
    alignItems: 'center'
  },
  defaultPic: {
    width: px2dp(108),
    height: px2dp(84)
  },
  symbol: {
    color: '#CDCCCB',
    fontSize: px2dp(28)
  }
});
